<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <!--引入外部样式表-->
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
    <div id="title_div">
        <span id="span01">新用户注册</span><br/>
        <span id="span02">USER REGISTER</span>
    </div>
    <div id="form_container">
        <form action="/" method="get">
            <!--align属性只能设置水平方向的居中-->
            <table>
                <tr>
                    <td>用户名</td>
                    <td>
                        <label>
                            <!--如果要在输入框中设置提示语，可以使用placeholder属性进行设置-->
                            <input type="text" name="username" placeholder="请输入用户名">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td>
                        <label>
                            <input type="password" name="password" placeholder="请输入密码">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>Email</td>
                    <td>
                        <label>
                            <input type="email" name="email" placeholder="请输入邮箱">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>
                        <label>
                            <input type="text" name="realname" placeholder="请输入姓名">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>手机号</td>
                    <td>
                        <label>
                            <input type="tel" name="phone" placeholder="请输入手机号">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td>
                        <label>
                            <input type="radio" name="gender" value="男">男
                            <input type="radio" name="gender" value="女">女
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>出生日期</td>
                    <td>
                        <label>
                            <input type="date" name="birthday">
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>验证码</td>
                    <td>
                        <label>
                            <input type="text" name="verifycode" placeholder="请输入验证码">
                        </label>
                        <img src="/resource/verify_code.jpg" alt="验证码">
                    </td>
                </tr>
                <tr>
                    <!--使用内联样式指定-->
                    <td colspan="2" style="text-align: center">
                        <button id="btn01" type="submit">注册</button>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id="login_div">
        <span> 已有账号?</span><span> <a>立即登录</a></span>
    </div>
</div>
</body>
</html>